.carousel {
    position: relative;
    width: 100%;
    height: 100%;
}


.carousel ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.carousel .caro-main {
    width: 100%;
}

.carousel .caro-main ul {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.carousel .caro-main ul li {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
}

.carousel .caro-main ul li .title {
    font-size: 24px;
    font-family: title;
    color: #2dffff;
    margin: 20px 0 15px 0;
}

.carousel .caro-main ul li .content {
    font-size: 16px;
    line-height: 29px;
    color: #fff;
    width: 100%;
    height: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

}

.carousel .caro-main ul li:first-child {
    display: list-item;
}

.carousel .caro-tab {
    position: absolute;
    bottom: -10px;
    left: 33%;
}

.carousel .caro-tab ul li {
    float: left;
    width: 36px;
    height: 10px;
    margin-right: 10px;
    background: #015bd9;
    cursor: pointer;
}

.carousel .caro-tab .active {
    background: #29fbee;
}